<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>index</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../../../../css/mui.min.css">
		<link rel="stylesheet" href="../../static/css/common.css">
		<link rel="stylesheet" href="css/handOver.css">
		<link rel="stylesheet" href="../../static/components/components.css" />	
		<style>
			.mui-bar-nav ~ .mui-content .mui-pull-top-pocket{
				top:80px !important;
			}
		</style>
	</head>

	<body >
		
		<header class="mui-bar mui-bar-nav mui-bar-nav-bg">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 id="title" class="mui-title">交接班</h1>
			<span class="mui-icon mui-icon-right-nav mui-pull-right right-titleicon">
				+
			</span>
		</header>
		<div class="mui-content" id="content" v-cloak>
			<div class="top">
				<transition name="fade">
					<div class="drop-menulist" v-if="showMenu"> 
						<div @click="menuClick(item)" v-for="(item,index) in menuList" :key="index">
							{{item.name}}
							<img v-if="item.name=='我值班' && onStatus" src="../../../../img/bottom-icon1-.png" class="icon-onwork" alt="">
						</div>	
					</div>
				</transition>		
			</div>
			
			<div class="mui-content" id="content">
				<div class="main_box">
					<div class="main_icon"></div>
					<div class="main_icon1"></div>
					<div class="flex-row">
						<div class="icon"></div><div class="color-blue" id="part-title">交接记录</div>
					</div>
					<div class="flex-row">
						<div class="flex-between" style="margin-top: 15px;">				
								<div class="mr-5">交班人</div> 
								<personselect :issingle="isSingle" ref="personselect" style="width:30vw;"></personselect>
						</div>
						<div class="flex-row" style="margin-top: 15px;">					
								<div class="form_label">交班时间</div> 
								2021-08-20
						</div> 
					</div>
					<div class="flex-row" style="margin-top: 15px;">				
						<div class="mr-5">接班人</div> 
						<personselect :issingle="isSingle" ref="personselect" style="width:30vw;"></personselect>
				</div>
					<div class="flex-row">
						<div class="flex-row" style="margin-top: 15px;">				
								<div class="mr-5">接班组成员</div> 
								<personselect :issingle="isSingle" ref="personselect" style="width:20vw;"></personselect>
						</div>
						<div class="flex-row" style="margin-top: 15px;margin-left: 5px;">					
								<div class="mr-5">交班组成员</div> 
								<personselect :issingle="isSingle" ref="personselect" style="width:20vw;"></personselect>
						</div> 
					</div>
	
					<hr size="1" class="hr-line"  />

			<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#">电量完成情况</a>
						<div class="mui-collapse-content">	
							<div class="flex-row mt-10">
								<div class="left-label">本班上网电量(万kWh)</div>
								<input class="ipt"  />
							</div>
							<div class="flex-row mt-10">
								<div class="left-label">本班平均风速/辐照</div>
								<input class="ipt"  />
							</div>
							<div class="flex-row mt-10">
								<div class="left-label">月累计上网电量(万kWh)</div>
								<input class="ipt" />
							</div>
							<div class="flex-row mt-10">
								<div class="left-label">年累计上网电量(万kWh)</div>
								<input class="ipt"/>
							</div>
					</li>
				</ul>

				<hr size="1" class="hr-line"  />

				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#">两票执行情况</a>
						<div class="mui-collapse-content">	
							<div class="flex-row mt-10">
								<div class="mr-5">许可</div><input class="ipt" style="width: 30vw;"/>
								<div style="margin-left: 10px;" class="mr-5">收回</div><input class="ipt" style="width: 30vw;"/>
							</div>
							<div class="flex-row mt-10">
								<div class="mr-5">终结</div><input class="ipt" style="width: 30vw;"/>
							</div>	
							<div class="flex-row mt-10">
								<div style="width: 40vw;margin-right: 10px;">执行中的工作票工作现场的安全措施情况</div>
								<div class="flex-row">
									<input type="radio" name="safeValue" style="margin-right: 5px;width: 15px;"  />
									<label>正常</label>
								</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio" name="safeValue" style="margin-right: 5px;width: 15px;"  />
									<label>异常</label>
								</div>
							</div>
						</div>
				  	</li>
				</ul>

				
				<hr size="1" class="hr-line"  />

<ul class="mui-table-view">
						<li class="mui-table-view-cell mui-collapse">
							<a class="mui-navigate-right" href="#">巡视完成情况</a>
							<div class="mui-collapse-content">
								<div class="mt-10 flex-row">
									<div>巡视次数</div>
									<input :disabled="!isEdit" type="" v-model="changeShift.patrolTime" placeholder="请输入巡视次数" class="ipt" style="width: 30vw;margin-left: 10px;" >
								</div>
										
									</div>
							
								
						</li>
					</ul>
					<hr size="1" class="hr-line" />

			<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#">升压站情况</a>
						<div class="mui-collapse-content">	
						<div class="mt-10">
							<div>升压站运行方式变化情况</div>
							<div class="flex-row">
								<div class="flex-row">
									<input type="radio" style="width: 15px;" value="1" name="changeValue"/>
									<label>变化</label>
								</div>
								<div class="flex-row" style="margin-left: 20px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label>无变化</label>
								</div>
							</div>
						</div>
						<div class="mt-10" style="position: relative;">
								<div>备注</div>
								<textarea name="" id="">
								</textarea>
								<div class="area_num">已输入{{advance.length}}字/300字</div>
						</div>
					</li>
			</ul>
				<hr size="1" class="hr-line"  />

				<ul class="mui-table-view">
					<li class="mui-table-view-cell mui-collapse">
						<a class="mui-navigate-right" href="#">其他设施情况</a>
						<div class="mui-collapse-content">	
						  <div>
							<div class="flex-row">
								<div class="other-lable">钥匙,工器具,书籍是否齐全</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >齐全</label>
								</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >不齐全</label>
								</div>
							</div>
							<div class="flex-row">
								<div class="mr-5">备注</div><input placeholder="请输入备注" style="width: 70vw;"/>
							</div>
						  </div>	

						  <div class="mt-10">
							<div class="flex-row">
								<div class="other-lable">运行日志及其它记录完成情况</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >完成</label>
								</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >未完成</label>
								</div>
							</div>
							<div class="flex-row">
								<div class="mr-5">备注</div><input placeholder="请输入备注" style="width: 70vw;"/>
							</div>
						   </div>

						   <div  class="mt-10">
							<div class="flex-row">
								<div class="other-lable">监控、五防系统、通讯、安防设备等检查情况</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >正常</label>
								</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >不正常</label>
								</div>
							</div>
							<div class="flex-row">
								<div  class="mr-5">备注</div><input placeholder="请输入备注" style="width: 70vw;"/>
							</div>
						   </div>

						   <div class="mt-10">
							<div class="flex-row">
								<div class="other-lable">周期性工作完成情况</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >完成</label>
								</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >未完成</label>
								</div>
							</div>
							<div class="flex-row">
								<div  class="mr-5">备注</div><input placeholder="请输入备注" style="width: 70vw;"/>
							</div>
						   </div>

						   <div class="mt-10">
							<div class="flex-row">
								<div class="other-lable">卫生整理情况</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >整理</label>
								</div>
								<div class="flex-row" style="margin-left: 10px;">
									<input type="radio"  style="width: 15px;" value="2" name="changeValue"/>
									<label >未整理</label>
								</div>
							</div>
							<div class="flex-row">
								<div  class="mr-5">备注</div><input placeholder="请输入备注" style="width: 70vw;"/>
							</div>
						   </div>

						</div>	
					</li>
				</ul>

				<hr size="1" class="hr-line"  />

				<div>
					<div>附件</div>
					<div class="icon_upload"></div>
				</div>

			  
				</div>

				<div class="popup-bg" v-if="showAdd" @click="showAdd = false">
					<div class="add-box"  @click.stop="clickStop">
						<div class="flex-row m-10"  style="margin-top: 20px;">
							<div class="pop-label">钥匙</div>
							<input class="pop-ipt" />
						</div>
						<div class="flex-row m-10">
							<div class="pop-label">类型</div>
							<input class="pop-ipt" />
						</div>
						<div class="flex-row m-10">
							<div class="pop-label">设备编号</div>
							<input class="pop-ipt" />
						</div>
						<div class="pop-bottom">
							<div>确认</div>
							<div class="color-red" @click="showAdd = false">取消</div>
						</div>
					</div>
				</div>	

				<div class="popup-bg" v-if="showSubmit" @click="showSubmit = false">
					<div class="add-box"  @click.stop="clickStop">
						<div class="flex-row user-form">
							<div class="pop-label">值班人</div>
							<input class="pop-ipt" />
						</div>
						
						<div class="pop-bottom">
							<div class="color-blue">确认</div>
							<div class="color-red" @click="showSubmit = false">取消</div>
						</div>
					</div> 
				</div>

			</div>
			<div style="width: 100%;height: 60px;"></div>
			<div class="flex-between fixed-bottom">
				<button class="submit_btn">保存</button>
				<button class="submit_btn" @click="showSubmit = true">提交</button>
				<button class="submit_btn" @click.stop="showMore">
					<transition name="fade">
						<div class="btn-detail" v-if="showMorebtn">
							<div>重置</div>
							<div @click="goBack">返回</div>		
						</div>
					</transition>
					更多
				</button>
				</div>
		</div>
		
		<script src="../../../../js/mui.min.js"></script>
		<script src="../../../../js/vue.js"></script>
		<script src="../../static/components/personSelect.js"></script>
		<script type="text/javascript" src="../../../../js/jquery-3.2.1.min.js"></script>
		<script src="../../../../pages/ddms/js/mkeyplus.base.js"></script>
		<script src="../../../../pages/ddms/js/sqlite.js"></script>
		<script src="js/handOver.js"></script>
		
	</body>

</html>